$(document).ready(function() {
	if ($('#float-element').length > 0) { // check if #float-element exists

		var positionElementInPage = $('#float-element').offset().top;
		var widthElement = $('#float-element').width();
		
		var originalLeft = $('#float-element').offset().left; // $('#float-element').css("left");
		
		$(window).scroll(function() {
			
		
			$('#float-element').css({ 
				'left': - $(this).scrollLeft() + originalLeft
			});
		
			if ($(window).scrollTop() >= positionElementInPage) {
				// fixed
				$('#float-element').addClass("floatable");
				$('#float-element').css({
			        "width": widthElement
			    });		

			} else {
				// relative
				$('#float-element').removeClass("floatable");
			}
			
		
		});
		
		/*$(".diff-anchor").click(function() {
			console.log("LOL");
			$('body,html').animate({
				scrollTop:$('.'+this).offset().top}
			,200);
			return false;
		});*/
		
		
	}
	

	
	

	
});